<!DOCTYPE html>
<html lang="en">
<head>
				<meta charset="UTF-8">
				<title>Page title</title>
				<meta name="viewport" content="initial-scale=1.0">
				<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sindresorhus/github-markdown-css@4.0.0/github-markdown.css">
</head>
<body class="markdown-body">
<h1 id="padding-in-css">Padding in css</h1>
<p>Padding is the property which defines the how many area inside the element will not be usable for inner content.</p>
<h2 id="effects-of-padding">Effects of padding</h2>
<p>after adding the padding property to the element , the size of element increases as much as padding size.</p>
<h2 id="where-its-useful">Where it&#39;s useful</h2>
<p>in the elements like button , input etc. , padding helps to increase the size of element so the text inside element looks good.</p>
<h2 id="how-to-apply">How to apply</h2>
<p>in css</p>
<pre><code class="language-css">element{
    padding:2px;
}
</code></pre>
<p>in html</p>
<pre><code class="language-html">&lt;element style=&quot;padding:5px&quot;&gt;the text&lt;/element&gt;
</code></pre>
				
</body>
</html>